
body,a{
  text-decoration: none;
  background: #ffffff;
  margin: 0;
  padding: 0;
  font-family:  "San Francisco", "PingFangSC", Microsoft Yahei;
  background: #f4f5fa;
  
}
ul, li{
  list-style: none;
} 

.nav_top{
    height: 2.53rem;
    width: 100%;
    background: #fff;
    float: left;
}
.nav_top ul{
    height: 2.53rem;
    width: 100%;
    display: block;
    float: left;
}
.nav_top ul li{
    height: 2.53rem;
    width: 33%;
    display: block;
    float: left;
    text-align: center;
    position: relative;
}
.nav_img{
    width: 1.13rem;
    height: 1.13rem;
    margin-top: 0.41rem;
    margin: 0.41rem auto 0 auto;
}
.nav_top ul li span{
    font-size: 0.32rem;
    color: #333333;
    height: 0.31rem;
    line-height: 0.31rem;
    display: block;
    margin-top:0.16rem;
}

.im_chat{
    width: 100%;
    background: #fff;
    margin-top:0.28rem;
    float: left;
}

.im_chat .chat_title{
    height: 1.32rem;
    width: 100%;
    border-bottom:#E5E5E5 0.01rem solid;

}
.chat_title span{
    font-size: 0.43rem;
    height: 0.41rem;
    line-height: 0.41rem;
    margin: 0.47rem 0 0 0.53rem;
    float: left;
    display: block;
    /*display: none;*/
}
.chat_title input{
      width: 8.1rem;
      height: 0.733333333rem;
      background: #EFEFF4;
      margin: 0.313333333rem 0.4133333333rem;
      padding: 0.213333333rem;
      color: #B2B2B2;
      border-radius: 0.10333333333rem;
      border: none !important;
      font-size: 0.3466666667rem;
      display: inline-block;
      float: left;
      display: none;
}
.chat_title a{
    width: 0.66rem;
    height: 0.66rem;
    display: block;
    float: right;
    background: #fff;
    margin: 0.51rem 0.55rem 0 0 ;
}
.chat_title a img{
    float: left;
    width: 18px;
    height: 18px;
}
.close_seach{
    font-size: 0.4rem;
    float: right;
    margin: 0.5rem 0.2rem 0 0;
    display: none
}
.ui-loader{
    display: none;
}
.is_read{
  width: 0.19rem;
  height: 0.19rem;
  background: #DC3838;
  position: absolute;
  top: 0.47rem;
  left: 2rem;
  border-radius: 0.19rem;
}
/*im*/
.chat-on {
  background: #fff;
}
.search {
background: #fff ;
font-size: 0;
width: 10rem;
border-bottom: 0.02rem solid #e5e5e5;
}
.search-inp {
  width: 9.1rem;
  height: 0.733333333rem;
  background: #EFEFF4;
  margin: 0.213333333rem 0.4133333333rem;
  padding: 0.213333333rem;
  color: #B2B2B2;
  border-radius: 0.10333333333rem;
  border: none !important;
  font-size: 0.3466666667rem;
  display: inline-block;
}
#form{
  display: inline-block !important;
}
.search > span {
  color: #B2B2B2;
  display: inline-block;
  height: 0.733333333rem;
  line-height: 0.733333333rem;
  font-size: 0.34666666667rem;
  float: right;
  position: relative;
  top: 0.24rem;
  right: 0.4rem;
  display: none;
}
.chat-list > ul {
  width: 10rem;
  overflow: hidden;
}
.chat-list > ul >li {
  height: 1.76rem;
  position: relative;
}
.chat-list > ul >li > .chat-item {
  height: 1.46rem;
  width: 10rem;
  padding: 0.2666666667rem;
  display: inline-block;
}
.chat-left {
  width: 1.466666666667rem;
  display: inline-block;
}
.chat-icon {
  display: inline-block; 
}
.chat-icon > img {
  width: 1.226666666667rem;
  height: 1.226666666667rem;
  border-radius:0.13rem
}
.chat-tip {
  width: 0.48rem;
  height: 0.48rem;
  padding: 0.08rem;
  border-radius: 0.24rem;
  color: #fff;
  font-size: 0.32rem;
  text-align: center;
  display: inline-block;
  float: right;
  position: relative;
  top: -1.5rem;
  background: #F12C20;
}
.chat-right {
  display: inline-block;
  width: 7.32rem;
  padding-bottom: 0.214rem;
  border-bottom: 0.01333333rem solid #e5e5e5;
}
.chat-right > h4 {
  font-size: 0.45333333rem;
  color: #000000;
  padding-bottom: 0.12rem;
}
.chat-right > p {
  font-size: 0.34666666666rem;
  color: #999999;
}
.delete {
  display: inline-block;
  position: relative;
  right: -10rem;
  top: -1.63rem;
  height: 1.76rem;
  width: 2rem;
  font-size:0.4rem;
  line-height: 1.76rem;
  
  text-align:center;
  background:#dc3838;
  color:#fff;
}
.delete-sure{
  display: inline-block;
  position: relative;
  right: -10rem;
  top: -2.23rem;
  height: 1.76rem;
  width: 4rem;
  font-size:0.4rem;
  line-height: 1.76rem;

  text-align:center;
  background:#dc3838;
  color:#fff;
}
.base-line {
  padding: 0 0.4rem;
  text-align: center;
  width: 100%;
  height: 1.42rem;
  /*display: none;*/
  background: #FFFFFF;

  height: 0;
}
.base-line > span {  
  display: inline-block;
  width: 32%;
  border-top: 0.02rem solid #999999;
  position: relative;
  top: 0.62rem;
}
.base-line > .base-left{
  float: left;

}
.base-line > .base-right{
  float: right;
}
.base-line > p {
  font-size: 0.326666667rem;
  color: #999999;
  display: inline-block;
  line-height: 1.42rem;
  position: relative;
  top: -0.1rem;
  transform: translateX(1%);
/*  padding-left: 3.6rem;
*/  /*left: 2.3rem;*/
}